<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{{title}}</title>
        <link rel="stylesheet" type="text/css" href="../static/css/animate.css">
        <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../static/css/line-awesome.css">
        <link rel="stylesheet" type="text/css" href="../static/css/line-awesome-font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="../static/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="../static/css/style.css">
        <link rel="stylesheet" type="text/css" href="../static/css/responsive.css">
        <link rel="stylesheet" type="text/css" href="../static/css/main.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/index2.css" />
        <link rel="stylesheet" type="text/css" href="../static/css/APlayer.min.css"/>
        <style>
            .tab:hover {
                color: #00b5e5;
            }
            p{
                word-wrap:break-word;
                word-break:normal;
            }
        </style>
        <script src="{{url_for('static',filename='js/jquery-1.7.2.js')}}"></script>
        <script src="{{url_for('static',filename='js/check.js')}}"></script>
        <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
    </head>
    <body style="background:linear-gradient(to right,rgb(0, 119, 255) 0%,rgb(63, 194, 226) 50%,rgb(139, 219, 243) 100%);">
        <div class="container">
            <div class="row col-12" >
                <img src="../static/image/bg4.jpg" style="width: 100%;height: 100%;">
                <div class="head" style="margin-bottom: -110px;">
                    <img src="../static/image/head/{{data['user'].head_pic}}">
                </div>
            </div>
            <div class="row" style="height: 50px;margin: 15px;background-color: azure;">
                {% if authority != 0 %}
                    {% if bar_control == 0 %}
                <div class="col-sm-2 col-4" style="align-items: center;">
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('follow',user_id=data['user'].userid)}}">Friends</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('follow',user_id=data['user'].userid)}}">好友信息</a>-->
                </div>
                    {% else %}
                        {% if authority == 2 %}
                <div class="col-sm-2 col-4" style="align-items: center;">
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('person',user_id=data['user'].userid)}}">{{data['user'].nickname}}的主页</a>
                </div>
                        {% else %}
                <div class="col-sm-2 col-4" style="align-items: center;">
                    {% if data['isFollow'] == 0 %}
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('follow_it', follower_id=data['user'].userid)}}">Follow</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('follow_it', follower_id=data['user'].userid)}}">关注</a>-->
                    {% else %}
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('not_follow', follower_id=data['user'].userid)}}">Not follow</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('not_follow', follower_id=data['user'].userid)}}">取消关注</a>-->
                    {% endif %}
                </div> 
                        {% endif %}
                    {% endif %}
                    {% if authority == 2 %}
                <div class="col-sm-2 col-4" style="align-items: center;">
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('info',user_id=data['user'].userid)}}">Information</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('info',user_id=data['user'].userid)}}">修改信息</a>-->
                </div>
                    {% endif %}
                {% endif %}
                <div class="col-sm-2 col-4" style="align-items: center;">
                    {% if authority == 0 %}
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('login')}}">Login</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('login')}}">登录</a>-->
                    {% else %}
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('logout')}}">Logout</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('logout')}}">退出登录</a>-->
                    {% endif %}
                </div>
                {% if authority !=0 %}
                <div class="col-sm-2 col-4" style="align-items: center;">
                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('person',user_id=data['c_userid'])}}">Home</a>
<!--                    <a class="tab" style="width: 100%;height: 100%; line-height: 48px; padding: 10px;" href="{{url_for('person',user_id=data['c_userid'])}}">我的主页</a>-->
                </div>
                {% endif %}
            </div>
            {% block content %}
            {% endblock %}
        </div>
    </body>
</html>
